<template>
    <div>
        <ul>
            <li v-for="(item,index) in news" :key="index" >
                <a :href="item.msg_url">{{item.msg}}</a>
            </li>
        </ul>
    </div>
</template>

<script>
    export default {
        name: "News",
        data () {
            return {
                news :[
                    {
                        msg:'news1',
                        msg_url:'https://www.baidu.com'
                    },
                    {
                        msg:'news2',
                        msg_url:'https://www.baidu.com'
                    },
                    {
                        msg:'news3',
                        msg_url:'https://www.baidu.com'
                    }
                ]
            }
        }
    }
</script>

<style lang="stylus" scoped>

</style>